.weather{
  width: 100vw;
  height: 100vh;
  padding: 20rpx;
}
.weather-text{
  font-size: 40rpx;
  margin-bottom: 20rpx;
  display: flex;
  justify-content: center;
}
.weather1{
  width: 95%;
  height: 100%;
  border-radius: 20rpx;
  margin-bottom: 10rpx;
}
.weather1-card{
  width: 100%;
  height: 150rpx;
  background-color: orange;
  margin-bottom: 20rpx;
  border-radius: 20rpx;
  line-height: 150rpx;
  display: flex;
  padding: 10rpx;
  box-sizing: border-box;
}
.weather-item{
 margin-right: 10rpx;
 margin-left: 10rpx;
}
.weather-weather-image{
  width: 80rpx;
  height: 80rpx;
  margin-top: 40rpx;
}


.card{
  display: flex;
}

.weather-weather{
  margin-top: 10rpx;
  margin-bottom: 15rpx;
}

.weather-temperature{
  margin-top: 50rpx;
  margin-bottom: 65rpx;
}